<template>
	<view>
		<view class="flex-row sticky" v-show="selectIndex==2&&isActiveScore==1" style="width: 100%;">
			<view class="text-table title table-width" style="width: 60rpx;">年份</view>
			<view class="text-table title " style="flex: 1;">院校（招生方向)</view>
			<view class="text-table title table-width">批次/段</view>
			<view class="text-table title table-width">录取数</view>
			<view class="text-table title table-width" style="display: flex;flex-direction: column;">最高分<br>平均分</view>
			<view class="text-table title table-width" style="display: flex;flex-direction: column;">最低分<br>最低位</view>
		</view>
		<view class="flex-row sticky" style="top: 148rpx;" v-show="selectIndex==2&&isActiveScore==2">
			<view class="flex-row isActiveScore2">
				<view class="text-table title" style="flex: 1;">专业名称</view>
				<view class="text-table title table-width">选科</view>
				<view class="text-table title table-width">录取数</view>
				<view class="text-table title table-width" style="display: flex;flex-direction: column;">最高分<br>平均分
				</view>
				<view class="text-table title table-width" style="display: flex;flex-direction: column;">最低分<br>最低位
				</view>
			</view>


		</view>

		<view class="flex-row sticky" style="top: 190rpx;" v-show="selectIndex==2&&isActiveScore==3">
			<view class=" flex-row isActiveScore2">
				<view class="text-table title table-width " style="width: 120rpx;">代码</view>
				<view class="text-table title " style="width: 300rpx;">院校/专业名称</view>
				<view class="text-table title table-width ">计划
				</view>
				<view class="text-table title table-width ">最高分
				</view>
				<view class="text-table title table-width ">最低分
				</view>
				<view class="text-table title table-width " style="width: 120rpx;">位次
				</view>
			</view>

		</view>
		<!-- 这里是招生计划 里面的吸顶的部分 备注于2023. -->
		<view class="sticky" style="top: 130rpx;" v-show="selectIndex==3&&isActive==1">
			<view class="flex-row isActiveScore2">
				<view class="text-table title table-width" style="width: 100rpx;">代码</view>
				<view class="text-table title" style="flex: 1;">专业名称</view>
				<view class="text-table title " style=" width: 76rpx;">选科</view>
				<view class="text-table title table-width" style="width: 60rpx;">学制</view>
				<view class="text-table title table-width" style="width: 60rpx;">学费</view>
				<view class="text-table title table-width" style="width: 60rpx;">招生<br>人数</view>
			</view>
		</view>
		<view class="sticky" v-show="selectIndex==3&&isActive==2">
			<view class="flex-row isActiveScore2">
				<view class="text-table title table-width" style="width: 120rpx;">代码</view>
				<view class="text-table title" style="width: 400rpx;">院校/专业名称</view>
				<view class="text-table title table-width" style="width: 90rpx;">计划</view>
				<view class="text-table title table-width" style="width: 150rpx;">学费</view>
				<view class="text-table title table-width">学制</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		name: "table-title",
		props: {
			isActiveScore: {
				type: Number,
				default: 1
			},
			selectIndex: {
				type: Number,
				default: 1
			},
			isActive: {
				type: Number,
				default: 1
			}

		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.sticky {
		position: fixed;
		top: 60rpx;
		z-index: 999;
		background-color: #fff;
		display: flex;
		flex-direction: row;
	}

	.text-table {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		min-height: 64rpx;
		font-size: 24rpx;
		background-color: #ececec;
		font-weight: bold;
		text-align: center;
		margin: 1rpx;
		padding: 12rpx;
	}

	.text-table.title {
		color: #1c1c1c;
	}

	.table-width {
		width: 100rpx;
		padding: 0rpx;
		text-align: center;
	}

	.isActiveScore2 {
		width: calc(95vw - 3rpx);
		border-radius: 20rpx 20rpx 0 0;
		margin: 0 20rpx;
		overflow: hidden;
		display: flex;
		flex-direction: row;
	}


	.leibiebox {
		width: calc(100vw - 64rpx);
		overflow: hidden;
		margin: 0 32rpx;
	}
</style>